<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
   .a{width:100%;height:200px;}
      .a-1{width:100%;height:100px;}
	       .a-1-1{width:50%;height:100px;background:#F60;float:left;color:#000;}
		   .a-1-2{width:50%;height:100px;background:#33F;float:left;color:#000;}
		         .a-1-2-1{width:100%;height:50px;background:#3F3;}
		   .a-1-2-2{width:100%;height:50px;background:#CF6;}
		   .a-1-2-3{clear:both} 
	  .a-2{width:100%;height:100px;background:#0FF;}
	  .a-3{clear:both;}
	  
   .b{width:100%;height:600px;background:#FF0;}
     .b-1{width:100%;height:400px;background:#CF3;}
	     .b-1-1{width:40%;height:400px;background:#063;float:left;}
		 .b-1-2{width:60%;height:400px;background:#F00;float:left;}
	 .b-2{width:100%;height:200px;background:#FCF;}
	      .b-2-1{width:28%;height:150px;float:left;background:red;clear:none;margin:2%;}
		 .b-2-2{width:28%;height:150px;float:left;background:yellow;clear:none;margin:2%;}
		 .b-2-3{width:28%;height:150px;float:left;background:blue;clear:none;margin:2%;}
		
	 .b-3{clear:both;}
   .c{width:100%;height:100px;background:#F00;}
</head>
</style>

<body>
<div class="a">
 <div class="a-1">
 <div class="a-1-1">
 <h2><a href="http://www.sict.edu.cn/sict/sict.htm">山东商业职业技术学院</a></h2></div>
 <div class="a-1-2">
       <div class="a-1-2-1"><h><a href="http://www.sict.edu.cn/sict/sict.htm">机构设置</a><a href="http://www.sict.edu.cn/dangqun/"> 教育教学</a><a href="http://jyjxb.sict.edu.cn/"> 就业创业</a><a href="http://jy.sict.edu.cn:8081/default.html"> 科技服务</a></h></div>
       <div class="a-1-2-2"></div>
       <div class="a-1-2-3"></div>
 
 </div>
 </div>
 <div class="a-2">
 </div>
</div>
<div class="b">
  <div class="b-1">
  <div class="b-1-1"></div>
  <div class="b-1-2"></div>
</div>
  <div class="b-2">
   <div class="b-2-1"></div>
   <div class="b-2-2"></div>
   <div class="b-2-3"></div>
</div>
</div>
<div class="c"></div>
</body>
</html>
